<template>
	<view class="b-bg">
		<view class="tipTop">
			老师您好！为了您完整的用户体验，请进行教师身份认证！
		</view>
		<view class="page add-form">
			<view class="add-row">
				<view class="ad-inputBox only">
					<text class="icon-warning">*</text>
					<text>验证方式：</text>
					<uni-data-checkbox v-model="form_data.type" :localdata="types" />
				</view>
			</view>
			<view class="add-row">
				<view class="ad-label">
					<text class="icon-warning">*</text>
					<text>姓名：</text>
				</view>
				<view class="ad-inputBox">
					<uni-easyinput class="uni-mt-5" clearSize='0'  trim="all" v-model="form_data.name" placeholder="请输入内容" @input="input"></uni-easyinput>
				</view>
			</view>
			<view class="add-row">
				<view class="ad-label">
					<text class="icon-warning">*</text>
					<text>学校</text>
				</view>
				<view class="ad-inputBox">
					<uni-data-select
						 v-model="form_data.area1"
						 :localdata="rangeArea1"
						  :clear="false"
						 @change="change()"
					   ></uni-data-select>
				</view>
			</view>
			<view class="upImg-row">
				<view class="up-cont">
					<text class="up-label"><text class="icon-warning">*</text>验证材料:</text>
					<uni-file-picker limit="1"></uni-file-picker>
				</view>
				<view class="up-info">
					请上传教师资格证等相关证明，我们将在1个工作日内完成审
					核。文件仅支持jpg或png格式。
				</view>
			</view>
		</view>
		<view class="add-sbimtbox">
			<view class="bt bt-a">完成</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form_data: {
					name:"",
					area1:45,
					type:""
				},
				types: [{
					text: '男',
					value: 0
				}, {
					text: '女',
					value: 1
				}, {
					text: '保密',
					value: 2
				}],
				rangeArea1:[]
			}
		}
	}
</script>

<style lang="scss">
	 .tipTop {
		 width: 100%;
		 color:#f24545;
		 background-color: #f6dcdc;
		 font-size: 28rpx;
		 height: 80rpx;
		 @include center();
	 }
	 
	 .upImg-row {
		background-color: #fff;
		border-radius: 10rpx;
		padding: 20rpx;
		.up-cont {
			width: 100%;	 
			display: flex;
			margin-bottom: 20rpx;
		}
		.up-label {
			margin-right: 10px;
		}
		.up-info {
			width: 100%;
			font-size: 14rpx;
			color:#cccccc;
		}
	 }
	 .add-sbimtbox {
		 padding-top: 155rpx;
		 @include bt-s-1();
	 }
     .add-row {
		 background-color: #fff;
		 display: flex;
		 border-radius: 16rpx;
		 margin-bottom: 16px;
		 .ad-label {
			 width: 120rpx;
			 height: 100rpx;
			 font-size: 28rpx;
			 @include center();
		 }
		 .ad-inputBox {
			 width: 544rpx;
			 height: 100rpx;
			 &.only {
				 padding-left: 20rpx;
				 width: 100%;
			 }
			 @include center();
		 }
	 }
</style>
